<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>About Me</title>
  <style>
    .listitem {
      color:#0C6;
    }
  </style>
</head>
<body>
<h1>About Me</h1>
  
  <ul>
    <li>Nombre: <span id="Nombre"></span>
    <li>Edad:  <span id="Edad"></span>
    <li>Lugar: <span id="Lugar"></span>
    </li>
  </ul>
<script>
   document.body.style.fontFamily = 'Arial, sans-serif';
   document.getElementById('Nombre').innerHTML = 'Domingo';
   document.getElementById('Edad').innerHTML = '20';
   document.getElementById('Lugar').innerHTML = 'Tampico, Tamaulipas';
   var items = document.getElementsByTagName('li');
   for (var i = 0; i < items.length; i++) {
      items[i].className = 'listitem';
   }
    
    //var pageNode.innerHTML = "<img src = 'IMG_20130803_161158_834.jpg' >";
    document.body+="<img src='IMG_20130803_161158_834.jpg'>";
  </script>
<blockquote>
  <p>
  </p>
</blockquote>
</body>
</html>